<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>贵金属库存管理平台</title>
    <link rel="stylesheet" href="../tool/layui/css/layui.css" type="text/css" />
</head>
<body style="position:relative">
<div id="app">
    <div style="padding: 15px;">
        <form class="layui-form layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">订单状态</label>
                <div class="layui-input-block" style="width:50%">
                    <select name="public-choice" lay-filter="orderStatus" v-bind:disabled="isAble" >
                        <option :value="item.id" v-for="item in statusList" v-if="orderStatus == item.id" selected>{{item.status}}</option>
                        <option :value="item.id" v-else>{{item.status}}</option>
                    </select>
                </div>
            </div>
        <div class="layui-form-item layui-form-text" id="remark" display="0" style="display: none">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <textarea v-model="orderRemark" name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
            </div>
        </div>
        </form>
        <table id="demo" lay-filter="test"></table>
        <fieldset class="layui-elem-field layui-field-title">
            <legend>订单总价: {{orderPrice}}</legend>
        </fieldset>
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md4">
            </div>
            <div class="layui-col-md4">
            </div>
            <div class="layui-col-md4">
                <button class="layui-btn" @click="update()">立即提交</button>
                <button class="layui-btn layui-btn-primary" @click="back()">返回</button>
            </div>
        </div>
    </div>
</div>
<script src="../tool/layui/layui.js"></script>
<script type="text/javascript" src="../tool/js/jquery-1.10.1.js"></script>
<script src="../tool/js/vue.js"></script>
<script src="js/orderDetail.js"></script>
<script type="text/html" id="toolbarDemo">
    <button class="layui-btn layui-btn-sm" lay-event="add">添加</button>
    <button class="layui-btn layui-btn-sm" lay-event="remark">备注</button>
</script>
</body>
</html>